<!DOCTYPE html>
<!-- release v4.1.8, copyright 2014 - 2015 Kartik Visweswaran -->
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Krajee JQuery Plugins - &copy; Kartik</title>
    <link href="static/bootstrap-fileinput-master20151222/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/bootstrap-fileinput-master20151222/css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
    <script src="static/bootstrap-fileinput-master20151222/js/jquery-2.0.3.min.js"></script>
    <script src="static/bootstrap-fileinput-master20151222/js/fileinput.js" type="text/javascript"></script>
    <script src="static/bootstrap-fileinput-master20151222/js/fileinput_locale_de.js" type="text/javascript"></script>
    <script src="static/bootstrap-fileinput-master20151222/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
<div class="container kv-main">
    <form enctype="multipart/form-data">
        <input type="text" value="" id="imgs" style="width: 800px">
    <div class="form-group">
        <input id="file-1" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="2">
    </div>
    </form>
</div>
</body>
</html>
<script>
$("#file-1").fileinput({uploadUrl: 'addImg',}).on('fileuploaded',function(event,data{
        // console.log(data.response)
        if(data.response){
            var puth=data.response;
            var imgs=$('#imgs').val()+'|'+puth.data
            $('#imgs').val(imgs);
        }
    })
</script>